<div class="overview-center">
    <div class="mainCanvas">
        <div class="tool">
            <form nz-form [nzLayout]="'inline'" class="tool-form">
                <nz-form-item>
                    <nz-form-control>
                        <a [routerLink]="['/substation']" routerLinkActive="router-link-active">
                            <button nz-button nzSize='small' nzType='primary'>
                                搜索变电所
                            </button>
                        </a>
                    </nz-form-control>

                </nz-form-item>
                <nz-form-item>
                    <nz-form-label>
                        选择线路
                    </nz-form-label>
                    <nz-form-control nzErrorTip="请选择线路！">
                        <nz-select [(ngModel)]="selectedUser" name="lineSelect" (nzScrollToBottom)="loadMore()"
                            nzAllowClear nzSize="small" nzPlaceHolder="请选择..." [nzDropdownRender]="renderTemplate">
                            <nz-option *ngFor="let o of optionList" [nzValue]="o" [nzLabel]="o"></nz-option>
                        </nz-select>
                        <ng-template #renderTemplate>
                            <nz-spin *ngIf="isLoading"></nz-spin>
                        </ng-template>
                    </nz-form-control>
                </nz-form-item>
            </form>
        </div>

        <div id="container">
        </div>
    </div>
    <div class="warningList">
        <table>
            <tr>
                <th>事件及报警类型</th>
                <th>站点</th>
                <th>设备</th>
                <th>线路</th>
                <th>报警等级</th>
                <th>创建时间</th>
            </tr>
            <tr *ngFor='let item of mockListData'>
                <td>{{item.type}}</td>
                <td>{{item.site}}</td>
                <td>{{item.device}}</td>
                <td>{{item.line}}</td>
                <td>{{item.level}}</td>
                <td>{{item.create_time}}</td>
            </tr>
        </table>
        <button nz-button nzSize='small' nzType='primary'>
            详情
        </button>
    </div>
</div>